home *** CD-ROM | disk | FTP | other *** search
Wrap
<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN"> <html> <head> <title>Customizing text nodes</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="generator" content="RoboHelp by eHelp Corporation www.ehelp.com"> <link rel="stylesheet" href="../styles_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss"> <!-- if (navigator.appName !="Netscape") { document.write("<link rel='stylesheet' href='../styles.css'>");} //--> </script> <script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript"> <!-- function reDo() { if (innerWidth != origWidth || innerHeight != origHeight) location.reload(); } if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) { origWidth = innerWidth; origHeight = innerHeight; onresize = reDo; } onerror = null; //--> </script> <style type="text/css"> <!-- div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; } --> </style><script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script> <script type="text/javascript" language="javascript1.2" src="../whutils.js"></script> <script type="text/javascript" language="javascript" src="../whver.js"></script> <script type="text/javascript" language="javascript1.2"> <!-- var linkedScrollbarStyle = "<link rel='stylesheet' href='../wf_topics.css'>"; if( (!isTopicOnly()) &&(parent.gbFHPureHtml == null) ) { document.write(linkedScrollbarStyle); } //--> </script> </head> <body lang="EN-US"><script type="text/javascript" language="javascript1.2"> <!-- if (window.addTocInfo) { addTocInfo("Using Template Flash Files\nCustomizing text nodes"); addShowButton(); } if (window.setRelStartPage) { setRelStartPage("../FlashHelp_SDK.htm"); sendTopicLoaded(); autoSync(1); sendSyncInfo(); sendAveInfo(); sendBgColorInfo(); } //--> </script> <h1>Customizing text nodes</h1> <p>Use the following information to customize text nodes in an SDK <a href="../Basics_Template_Files/Basics_of_Template_Flash_Files_(FLA).htm">template</a>. </p> <p class=Normal><b style="font-weight: bold;">File name:</b> </p> <p class=Normal>skin_textNode.fla</p> <p class=Normal>This FLA file is used to generate the SWF file used in the navigation pane for all list/tree items displayed in the Table of Contents, Index, Search, and Glossary. In the Table of Contents, the text node is placed adjacent to the book/page/URL graphic. In the other panes, the text node is displayed by itself for each index entry, search hit, and glossary term. </p> <p class=Normal>You can customize the way the text node transitions in and out and the way the text node displays when selected (highlight and text changes).</p> <h4>Requirements:</h4> <p class=Normal>The text node FLA file needs to include a <b>Generic FH Textnode </b>component (fhgeneric_comp) on the Stage in the first frame, with instance name<b> fhgeneric_comp</b>.</p> <ul> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">textfield_mc:</b> This movie clip contains the text that transitions in and out. Use the labeled frames to determine the look of the text at the various states. The structure of this movie clip is:</p></li> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><span style="font-family: 'Courier New';"><span style="font: 7.0pt 'Times New Roman';"><font size=1 style="font-size:7pt;"> </font></span></span><b>textfield_mc: </b>This movie clip contains the timeline with labeled frames.</p></li> <ul> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><b style="font-weight: bold;">label_mc:</b> This movie clip can be manipulated on the <b>textfield_mc</b> timeline, but has no timeline of its own. It is just a container for the label.</p></li> <ul> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><b style="font-weight: bold;">label_txt:</b> This text field is populated with text at run time.</p></li> </ul> </ul> <li class=kadov-p-CBULLETS><p class=BULLETS style="margin-left: 10px;"><span style="font: 7.0pt 'Times New Roman';"><font size=1 style="font-size:7pt;"> </font></span><b>highlight_mc:</b> This movie clip highlights the text node. It will stretch at run time to fit around whatever text is being displayed by the node.</p></li> </ul> <p class=note><b style="font-weight: bold;">Note:</b> The text you see in the text field (label_txt) in Flash will not be the text you see in the FlashHelp run time. The text in the run time is dynamically loaded and will override any text you have in this field. The formatting of this text field is also loaded dynamically (it is defined in the FHS file), so there is no need to format this text.</p> <h4>Labeled frames:</h4> <p class=Normal>The following are labeled frames in <b>textfield_mc</b>:</p> <ul> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">in:</b> This frame plays when the text node first appears at run time. This can be when the navigation pane is first displayed, or in the case of the Table of Contents, when a book is opened to display pages. Typically, the text node will ôflyö in.</p></li> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">visible:</b> This frame is the last frame of the ôinö sequence. It is used to display text nodes that donÆt need to be transitioned in.</p></li> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">selected:</b> This frame allows you to change the look of the text node in the selected state. Text nodes become selected when the user clicks them. Typical use of this section is to apply (and transition in) a tint effect to <b>label_mc</b>.</p></li> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">unselected:</b> This frame plays when another node becomes selected and the current node becomes unselected. This section is typically used to remove tint (transition the tint setting to color=none).</p></li> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">out:</b> This frame is played when a book in the Table of Contents is closed and the text node transitions out. Typically, the node will ôflyö out.</p></li> </ul> <p class=Normal>The following labeled frames are in <b>highlight_mc</b>:</p> <ul> <li class=kadov-p-CBULLETS><p class=BULLETS><span style="font-family: Symbol;"><span style="font: 7.0pt 'Times New Roman';"><font size=1 style="font-size:7pt;"> </font></span></span><b>in:</b> This frame plays when the text node is highlighted, transitioning the highlight in.</p></li> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">visible: </b>This frame is the last frame of the ôinö sequence. It is used to display text nodes that donÆt need to be transitioned in.</p></li> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">out:</b> This frame plays when the text node is deselected, transitioning the highlight out.</p></li> </ul> <p> <a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;} if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Customizing backgrounds','Customizing_backgrounds_.htm','Customizing buttons','Customizing_buttons.htm','Customizing text fields','Customizing_text_fields.htm','Customizing the About Box','Customizing_the_About_Box.htm','Customizing the Glossary pane','Customizing_the_Glossary_pane.htm','Customizing the Index pane','Customizing_the_Index_pane.htm','Customizing the scroll bar','Customizing_the_scroll_bar.htm','Customizing the Search pane','Customizing_the_Search_pane.htm','Customizing the Table of Contents pane','Customizing_table_of_contents_(TOC).htm','Using template Flash files','Using_Template_Flash_Files.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=18 width=101 alt="Related Topics"></a> </p> <script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!-- if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function") WritePopupMenuLayer(); //--></script> </body> </html>